/*====================================================
    footer styles
====================================================*/
footer {
    z-index: 12;
    .description {
        max-height: 140px;
        background: #fff;
        padding: 10px 0px;
        section {
            display: inline-block;
        }
        .logo {
            display: block;
            width: 88px;
            height: 26px;
            margin: 0px auto 10px auto;
            overflow: hidden;
            img {
                width: 26px;
                height: 26px;
            }
            b {
                margin-left: 6px;
                vertical-align: -4px;
                font-size: 14px;
                font-weight: bold;
                letter-spacing: 2px;
            }
        }
        .about {
            width: 20%;
        }
        .href {
            width: 48%;
            text-align: center;
            ul {
                clear: both;
                overflow: hidden;
                display: inline-block;
                margin: 0px auto;
                li {
                    float: left;
                    padding: 4px 10px;

                    a {
                        color: @themeColor;
                        font-weight: bold;
                    }
                }
            }
        }
        .contact {
            width: 30%;
        }
        .about,.contact {
            text-align: center;
            font-weight: bold;
            a,li {
                display: block;
                padding: 4px 0px;
                color: @themeColor;
            }
        }
        .about,.href,.contact {
            min-height: 84px;
        }
    }
    .copy-right {
        height: 30px;
        line-height: 30px;
        background: @themeBg;
        color: @navColor;
        text-align: center;
        letter-spacing: 1px;
    }
}
